<template>
	<view class="person-detail-view">
		<u-cell-item class="person-detail-cell-view" title="帐号" :arrow="false" hover-class="none" :value="userInfo.account"
			bg-color="#F8F8F8"></u-cell-item>
		<u-cell-item class="person-detail-cell-view" title="姓名" :arrow="false" hover-class="none" :value="userInfo.name"
			bg-color="#F8F8F8"></u-cell-item>
		<u-cell-item class="person-detail-cell-view" title="手机" :arrow="false" hover-class="none" :value="userInfo.phone"
			bg-color="#F8F8F8"></u-cell-item>
		<u-cell-item class="person-detail-cell-view" title="邮箱" :arrow="false" hover-class="none" :value="userInfo.eMail"
			bg-color="#F8F8F8"></u-cell-item>
		<u-cell-item class="person-detail-cell-view" title="备注" :arrow="false" hover-class="none" :value="userInfo.remark"
			bg-color="#F8F8F8"></u-cell-item>
	</view>
</template>

<script>
	export default {
		onLoad(e) {
			this.userInfo = e
		},
		data() {
			return {
				userInfo: {}
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F8F8F8;
	}

	.person-detail-view {
		padding: 0rpx 30rpx;

		.person-detail-cell-view {
			padding: 20rpx 0rpx;
		}
	}
</style>
